.siteprogram{ position: relative; min-height: 100%;}
.siteprogram .writing_right{ padding-left: 180px; height: calc(100vh - 210px); position: relative;}
.siteprogram .TitleList{ padding: 20px; padding-right: 0;}
.siteprogram .TitleList .TitleList_padding{ background: #f1f5fe; position: fixed; right: 30px; top: 62px; width: calc(100% - 324px); padding: 20px 0px; padding-bottom: 12px;}
.siteprogram .TitleList .TitleList_top{ background: #fff; border-radius: 4px; padding: 28px; display: flex; align-items: center; justify-content: space-between;}
.siteprogram .TitleList .TitleList_top .TitleList_top_title{ display: block;}
.siteprogram .TitleList .TitleList_top .TitleList_top_title .top_title_dd{ font-size: 18px; color: #22242c; font-weight: bolder; display: flex; align-items: center; margin-bottom: 0;}
.siteprogram .TitleList .TitleList_top .TitleList_top_title .top_title_dd span{ display: flex; align-items: center; flex-direction: column; justify-content: center; margin-right: 11px;}
.siteprogram .TitleList .TitleList_top .TitleList_top_title .top_title_dd span::before{ content: ""; display: inline-block; width: 4px; height: 4px; border-radius: 100%; background: #3662eb; margin-bottom: 3px;}
.siteprogram .TitleList .TitleList_top .TitleList_top_title .top_title_dd span::after{ content: ""; display: inline-block; width: 4px; height: 14px; border-radius: 100px; background: #3662eb; margin-bottom: 3px;}
.siteprogram .TitleList .TitleList_top .TitleList_top_title .top_title_dt{ font-size: 15px; color: #474b5a; font-weight: normal; margin-top: 18px;}
.siteprogram .TitleList .TitleList_top .TitleList_top_btn button{ font-size: 14px; color: #fff; background: #3662eb; padding: 0; margin: 0; border: 0; display: flex; align-items: center; cursor: pointer; border-radius: 4px; padding: 0px 18px; height: 30px;}
.siteprogram .TitleList .TitleList_top .TitleList_top_btn button i{ font-size: 16px; margin-right: 3px;}
.siteprogram .siteprogram_content{ background: #fff; border-radius: 4px; margin-top: 126px; border-radius: 4px; padding: 28px; display: flex; flex-wrap: wrap;}
.siteprogram .siteprogram_content .siteprogram_content_list{ width: 7%; margin-right: 2%; margin-bottom: 40px; cursor: pointer;}
.siteprogram .siteprogram_content .siteprogram_content_list:nth-child(12n){ margin-right: 0;}
.siteprogram .siteprogram_content .siteprogram_content_list .siteprogram_content_list_icon{ position: relative; width: auto; height: auto; border: 1px solid #dcdee6; border-radius: 12px; margin: 0 auto; overflow: hidden;transition: all 0.3s ease 0s; -webkit-transform: all 0.3s ease 0s; padding: 15px;}
.siteprogram .siteprogram_content .siteprogram_content_list .siteprogram_content_list_icon .list_icon_dd{ display: flex; align-items: center; justify-content: center; width: 100%; height: 100%;}
.siteprogram .siteprogram_content .siteprogram_content_list .siteprogram_content_list_icon .list_icon_dd img{ max-height: 71px; max-width: 100%; border-radius: 6px;}
.siteprogram .siteprogram_content .siteprogram_content_list .siteprogram_content_list_icon .list_icon_dt{ display: block; position: absolute; bottom: 0; left: 0; width: 100%; line-height: 35px; text-align: center; font-size: 15px; color: #fff; background: #3662eb; opacity: 0;transition: all 0.3s ease 0s; -webkit-transform: all 0.3s ease 0s;}
.siteprogram .siteprogram_content .siteprogram_content_list .siteprogram_content_list_title{ font-size: 15px; color: #474b5a; text-align: center; margin-top: 13px;}
.siteprogram .siteprogram_content .siteprogram_content_list:hover .siteprogram_content_list_icon .list_icon_dt{ opacity: 1;transition: all 0.3s ease 0s; -webkit-transform: all 0.3s ease 0s;}
.siteprogram .siteprogram_content .siteprogram_content_list:hover .siteprogram_content_list_icon{ box-shadow: 0px 0px 25px rgba(0,0,0,.1);transition: all 0.3s ease 0s; -webkit-transform: all 0.3s ease 0s;}
.siteprogram .siteprogram_content .siteprogram_content_not{ width: 100%; font-size: 15px;}
.siteprogram .siteprogram_content .siteprogram_content_not a{ font-size: 15px; color: #3662eb;}


@media screen and (max-width:1550px){
    .siteprogram .siteprogram_content .siteprogram_content_list{ width: 16.66%; margin-right: 0%;}
    .siteprogram .siteprogram_content .siteprogram_content_list:nth-child(7n){ margin-right: 0;}
    
}
  














